<template>
    <!--案件详情——公共页面——开始-->
    <div class="case-details" v-loading="loading">
        <div class="left-info">
            <p class="title-name">案件分配</p>
            <div class="info-content">
                <div class="top-box">
                    <div class="line-item">
                        <span class="item-name">案件名称：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventName" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">案件来源：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventSrcTypeName" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">上报电话：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventReportPhone" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">上报人姓名：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventReportName" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">上报人电话：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventCallPhone" disabled></el-input>
                        </span>
                    </div>
                </div>
                <div class="bottom-box">
                    <div class="block-item">
                        <span class="item-name">案件类别：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventTypeName" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">案件大类：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventTypeLv1Name" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">案件小类：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventTypeLv2Name" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">处置时限：</span>
                        <span class="item-value">
                            <el-input v-model="form.time" disabled></el-input>
                        </span>
                    </div>
                    <div class="line-item">
                        <span class="item-name">立案条件：</span>
                        <span class="item-value">
                            <el-input v-model="form.archivesTypeLeveThree.starConditions" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">责任主体：</span>
                        <span class="item-value">
                            <el-input v-model="form.deptParentName" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">所属部门：</span>
                        <span class="item-value">
                            <el-input v-model="form.deptName" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">一级行业：</span>
                        <span class="item-value">
                            <el-input v-model="form.industryTypeLv1Name" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">二级行业：</span>
                        <span class="item-value">
                            <el-input v-model="form.industryTypeLv2Name" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">是否延期：</span>
                        <span class="item-value">
                            <el-input v-model="form.archivesTypeLeveThree.isYq" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">是否缓办：</span>
                        <span class="item-value">
                            <el-input v-model="form.archivesTypeLeveThree.isHb" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">是否突发：</span>
                        <span class="item-value">
                             <el-input v-model="form.archivesTypeLeveThree.isTf" disabled></el-input>
                        </span>
                    </div>
                    <div class="block-item">
                        <span class="item-name">是否紧急：</span>
                        <span class="item-value">
                            <el-input v-model="form.archivesTypeLeveThree.isJj" disabled></el-input>
                        </span>
                    </div>

                    <div class="line-item">
                        <span class="item-name">发生位置：</span>
                        <span class="item-value">
                            <el-input v-model="form.eventAddress" disabled></el-input>
                        </span>
                    </div>
                    <div class="line-item">
                        <span class="item-name">案件描述：</span>
                        <span class="item-value">
                            <el-input type="textarea" :rows="2" v-model="form.eventDescribe" maxlength="500"
                                      show-word-limit disabled></el-input>
                        </span>
                    </div>
                </div>
                <div class="map-box">
                    <div id="myMap"></div>
                </div>
            </div>
            <div class="foot-btn">
                <el-button type="primary" size="small" @click="toStreetView">查看街景</el-button>
                <!--待审批案件-->
                <div class="btns" v-if="$route.query.type == 1">
                    <el-button type="primary" size="small" @click="opendialog()" v-if="this.$route.query.eventType == 'slow'">缓办审批</el-button>
                    <el-button type="primary" size="small" @click="opendialog()" v-if="this.$route.query.eventType == 'delay'">延期审批</el-button>
                </div>
                <!--挂起案件-->
                <div class="btns" v-if="$route.query.type == 2">
                    <el-button type="primary" size="small" @click="opendialog()" v-if="form.eventDealStatus === '0004'">结束挂起</el-button>
                </div>
                <!--案件办理（平台接线员）-->
                <div class="btns" v-if="$route.query.type == 3">
                    <el-button type="primary" size="small" @click="opendialog('zhuanban')" v-if="$route.query.eventDealStatus === '0101'">转办</el-button>
                    <el-button type="primary" size="small" @click="eventhandleClose()" v-if="$route.query.eventDealStatus === '0101'">销案</el-button>
                    <el-button type="primary" size="small" @click="EventOversee()" v-if="$route.query.eventDealStatus !== '0101' && $route.query.eventDealStatus !== '0206' && $route.query.eventDealStatus !== '0207' && $route.query.eventDealStatus !== '0001' && $route.query.eventDealStatus !== '0002' ">督办</el-button>
                    <el-button type="primary" size="small" @click="openja3('jiean','other')" v-if="$route.query.eventDealStatus !== '0207' && form.eventStatus !== '0000'">其他方式结案</el-button>
                    <el-button type="primary" size="small" @click="openja3('jiean')" v-if="$route.query.eventDealStatus === '0206'">结案</el-button>
                    <el-button type="primary" size="small" @click="opendialog('cxzhuanban')" v-if="$route.query.eventDealStatus === '0206'">重新转办</el-button>
                    <el-button type="primary" size="small" @click="opendialog('guaqi')" v-if="$route.query.eventDealStatus !== '0206' && $route.query.eventDealStatus !== '0207' && $route.query.eventStatus !== '0000'">挂起申请</el-button>
                </div>
                <!--案件处理（标段机构接线员）-->
                <div class="btns" v-if="$route.query.type == 4">
                    <el-button type="primary" size="small" @click="opendialog('backoff')" v-if="$route.query.eventDealStatus === '0201'">回退</el-button>
                    <el-button type="primary" size="small" @click="EventOversee()" v-if="$route.query.eventDealStatus === '0203'">督办</el-button>
                    <el-button type="primary" size="small" @click="eventDealwith()" v-if="$route.query.eventDealStatus === '0201'">受理</el-button>
                    <el-button type="primary" size="small" @click="opendialog('paiqian')" v-if="$route.query.eventDealStatus === '0202'">派遣</el-button>
                    <el-button type="primary" size="small" @click="opendialog('paiqian')" v-if="$route.query.eventDealStatus === '0204'">重新派遣</el-button>
                    <el-button type="primary" size="small" @click="applyHb()" v-if="$route.query.eventDealStatus === '0202' && form.archivesTypeLeveThree.isHb == '是'">缓办申请</el-button>
                    <el-button type="primary" size="small" @click="applyDelay()" v-if="$route.query.eventDealStatus === '0203' && form.archivesTypeLeveThree.isYq == '是'">延期申请</el-button>
                    <el-button type="primary" size="small" @click="opendialog('shenhe')" v-if="$route.query.eventDealStatus === '0204'">处置机构审核</el-button>
                </div>
                <!--案件处置（监理）-->
                <div class="btns" v-if="$route.query.type == 5">
                    <el-button type="primary" size="small" @click="EventOversee()" v-if="$route.query.eventDealStatus === '0202' || $route.query.eventDealStatus === '0203' || $route.query.eventDealStatus === '0204'">督办</el-button>
                    <el-button type="primary" size="small" @click="opendialog('shenhe')" v-if="$route.query.eventDealStatus === '0205'">监理审核</el-button>
                    <el-button type="primary" size="small" @click="eventReject1()" v-if="$route.query.eventDealStatus === '0205'">驳回</el-button>
                </div>

                <!--评价统计-->
                <div class="btns" v-if="$route.query.type == 6">
                    <el-button type="primary" size="small" @click="cxcz()" v-if="form.eventEvaluate.evaluateStatus == 1 && form.newEventId == null">重新处置</el-button>
                    <el-button type="primary" size="small" @click="xajDetails()" v-if="form.eventEvaluate.evaluateStatus == 1 && form.newEventId !== null">新案件详情</el-button>
                </div>
            </div>
        </div>
        <div class="right-process">
            <el-timeline>
                <el-timeline-item
                        class="timelineitem"
                        v-for="(item,i) in eventLogList"
                        :key="i"
                        :timestamp="item.typeName + ' '  + item.createTime" placement="top" :id="'title' + item.typeCode">
                    <el-card>
                        <div class="timeline_desc">
                            <h4>{{item.describe}}</h4>
                            <p>{{item.remark}}</p>
                        </div>
                        <!--<ul class="timeline_images" :id="'timeline_images' + index">

                        </ul>-->
                        <viewer :images="smallArr['arr' + i]" class="timeline_images" :id="'timeline_images' + i" v-if="bigArr['arr' + i].length>0 && smallArr['arr' + i].length>0">
                            <li class="images_item" v-for="(itemone,indexone) in smallArr['arr' + i]" :key="indexone">
                                <img :data-original="url + bigArr['arr' + i][indexone]" :src="url + itemone" alt="">
                            </li>
                        </viewer>
                        <viewer :images="bigArr['arr' + i]" class="timeline_images" :id="'timeline_images' + i" v-if="bigArr['arr' + i].length>0 && smallArr['arr' + i].length===0">
                            <li class="images_item" v-for="(itemone,indexone) in bigArr['arr' + i]" :key="indexone">
                                <img :data-original="url + itemone" :src="url + itemone" alt="">
                            </li>
                        </viewer>
                    </el-card>
                </el-timeline-item>
            </el-timeline>
        </div>

        <!--其他方式结案-->
        <el-dialog
                class="every-dialog"
                :title="title"
                :visible.sync="dialogVisibleja3"
                v-if="dialogVisibleja3"
                :close-on-click-modal="false"
                :width="dialogWidth">
            <!--案件结案-->
            <div class="dialog-content"  v-if="publicData.type == 3 && publicData.eventDealStatus !== '0207' || publicData.eventDealStatus === '0101'">
                <div v-if="closeCaseType === 0">
                    <div class="line-item">
                        <span class="item-name">结案原因：</span>
                        <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="ja.remark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                    </div>
                </div>
                <div v-if="closeCaseType === 1">
                    <div class="line-item">
                        <span class="item-name"><i>*</i>原因：</span>
                        <span class="item-value">
                           <el-select v-model="otherSelect" @change="handleChange">
                               <el-option v-for="item in otherReasonData" :value="item.id" :label="item.name" :key="item.id" ></el-option>
                           </el-select>
                        </span>
                    </div>
                    <div class="line-item">
                        <span class="item-name">其他方式结案意见：</span>
                        <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="ja.remark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                    </div>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisibleja3 = false">取 消</el-button>
                <el-button type="primary" @click="saveja3()">确 定</el-button>
            </div>
        </el-dialog>

        <!--案件结束挂起弹出层-->
        <el-dialog
                :title="title"
                :visible.sync="dialogVisible"
                v-dialogDrag
                v-if="dialogVisible"
                :close-on-click-modal="false"
                :width="dialogWidth">
            <!--挂起案件-->
            <div class="dialog-content"  v-if="$route.query.type == 2">
                <div class="line-item">
                    <span class="item-name">备注：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="remark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <!--待审批案件-->
            <div class="dialog-content"  v-if="$route.query.type == 1">
                <div class="line-item line-itemW">
                    <span class="item-name"><i>*</i>审批状态：</span>
                    <span class="item-value">
                            <el-select v-model="pendingApproval.auditStatus" size="small">
                                <el-option label="通过" value="1"></el-option>
                                <el-option label="不通过" value="2"></el-option>
                            </el-select>
                        </span>
                </div>
                <div class="line-item">
                    <span class="item-name"><i>*</i>审批意见：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="pendingApproval.auditDetails" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <!--案件转办-->
            <div class="dialog-content"  v-if="$route.query.type == 3 && $route.query.eventDealStatus === '0101'">
                <div class="line-item line-itemW">
                    <span class="item-name"><i>*</i>转办机构：</span>
                    <span class="item-value">
                            <el-select v-model="transfer.organizationid" size="small">
                                 <el-option
                                         v-for="(item,index) in transfer.organizationData"
                                         :key="index"
                                         :label="item.name"
                                         :value="item.code" >
                                 </el-option>
                            </el-select>
                        </span>
                </div>
                <div class="line-item">
                    <span class="item-name">转办描述：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="transfer.remark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>

            <!--案件派遣-->
            <div class="dialog-content paiqian"  v-if="$route.query.type == 4 && $route.query.eventDealStatus === '0202' || $route.query.eventDealStatus === '0204'">
                <div class="line-item line-itemW">
                    <span class="item-name"><i>*</i>派遣人员：</span>
                    <span class="item-value" style="height: 300px;overflow-y: auto;padding-top: 6px;overflow-x: hidden;display: inline-block;">
                        <el-radio v-model="dispatch.sendTargetId" v-for="(item,index) in dispatch.sendTargetIdData"
                                  :label="item.userId" :key="item.index" style="width:100%;line-height:24px;height:30px;">
                            <span>{{item.nickName}}</span>
                            <span>{{item.phonenumber}}</span>
                        </el-radio>
                        </span>
                </div>
            </div>
            <!--案件结案-->
            <!--<div class="dialog-content"  v-if="$route.query.type == 3 && $route.query.eventDealStatus === '0206'">
                <div v-if="closeCaseType === 0">
                    <div class="line-item">
                        <span class="item-name">结案原因：</span>
                        <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="ja.remark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                    </div>
                </div>
                <div v-if="closeCaseType === 1">
                    <div class="line-item">
                        <span class="item-name"><i>*</i>原因：</span>
                        <span class="item-value">
                           <el-select v-model="otherSelect" @change="handleChange">
                               <el-option v-for="item in otherReasonData" :value="item.id" :label="item.name" :key="item.id" ></el-option>
                           </el-select>
                        </span>
                    </div>
                    <div class="line-item">
                        <span class="item-name">其他方式结案意见：</span>
                        <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="ja.remark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                    </div>
                </div>
            </div>-->
            <div class="dialog-footer">
                <el-button @click="dialogVisible = false">取 消</el-button>
                <el-button type="primary" @click="saveEventPendEnd()">确 定</el-button>
            </div>
        </el-dialog>

        <!--案件回退-->
        <el-dialog
                title="案件回退"
                :visible.sync="dialogVisible2"
                v-dialogDrag
                v-if="dialogVisible2"
                :close-on-click-modal="false"
                width="600px">
            <!--案件督办-->
            <div class="dialog-content"  v-if="$route.query.type == 4 && $route.query.eventDealStatus === '0201' || $route.query.eventDealStatus === '0202'">
                <div class="line-item">
                    <span class="item-name"><i>*</i>回退描述：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="backoff.eventDescribe" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisible2 = false">取 消</el-button>
                <el-button type="primary" @click="eventbackoff()">确 定</el-button>
            </div>
        </el-dialog>

        <!--案件督办-->
        <el-dialog
                :title="title"
                :visible.sync="dialogVisible1"
                v-dialogDrag
                v-if="dialogVisible1"
                :close-on-click-modal="false"
                width="600px">
            <!--案件督办-->
            <div class="dialog-content"  v-if="$route.query.type == 3 || $route.query.type == 4 || $route.query.type == 5">
                <div class="line-item">
                    <span class="item-name"><i>*</i>督办意见：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="eventOversee.contents" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisible1 = false">取 消</el-button>
                <el-button type="primary" @click="saveeventOversee()">确 定</el-button>
            </div>
        </el-dialog>

        <!--案件驳回-->
        <el-dialog
                title="案件驳回"
                :visible.sync="dialogVisiblebh"
                v-dialogDrag
                v-if="dialogVisiblebh"
                :close-on-click-modal="false"
                width="600px">
            <!--案件驳回-->
            <div class="dialog-content"  v-if="$route.query.type == 5 && $route.query.eventDealStatus === '0205'">
                <div class="line-item">
                    <span class="item-name"><i>*</i>驳回备注：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="eventReject.remark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisiblebh = false">取 消</el-button>
                <el-button type="primary" @click="saveeventReject()">确 定</el-button>
            </div>
        </el-dialog>

        <!--案件销案-->
        <el-dialog
                title="案件销案"
                :visible.sync="dialogVisiblexa"
                v-dialogDrag
                v-if="dialogVisiblexa"
                :close-on-click-modal="false"
                width="600px">
            <!--案件驳回-->
            <div class="dialog-content" v-loading="dialogLoading">
                <div class="line-item">
                    <span class="item-name"><i>*</i>销案备注：</span>
                    <span class="item-value">
                        <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="cancellation.remark" maxlength="500"
                                  show-word-limit></el-input>
                    </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisiblexa = false">取 消</el-button>
                <el-button type="primary" @click="saveCancellation()" :disabled="dialogLoading">确 定</el-button>
            </div>
        </el-dialog>

        <!--案件办理的挂起-->
        <el-dialog
                title="案件挂起申请"
                :visible.sync="dialogVisiblegq"
                v-dialogDrag
                v-if="dialogVisiblegq"
                :close-on-click-modal="false"
                width="600px">
            <!--案件办理的挂起-->
            <div class="dialog-content" v-loading="dialogLoading">
                <div class="line-item line-itemW">
                    <span class="item-name"><i>*</i>挂起原因：</span>
                    <span class="item-value">
                            <el-select v-model="blgq.pendReason" size="small">
                                 <el-option
                                         v-for="(item,index) in pendReasonData"
                                         :key="index"
                                         :label="item.name"
                                         :value="item.code" >
                                 </el-option>
                            </el-select>
                        </span>
                </div>
                <div class="line-item">
                    <span class="item-name">备注：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="blgq.pendRemark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisiblegq = false">取 消</el-button>
                <el-button type="primary" @click="savegq()" :disabled="dialogLoading">确 定</el-button>
            </div>
        </el-dialog>

        <!--处置机构审核-->
        <el-dialog
                title="案件审核"
                :visible.sync="dialogVisibleczjg"
                v-dialogDrag
                v-if="dialogVisibleczjg"
                :close-on-click-modal="false"
                width="600px">
            <!--案件办理的挂起-->
            <div class="dialog-content">
                <div class="line-item">
                    <span class="item-name">审核备注：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="czjgremark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisibleczjg = false">取 消</el-button>
                <el-button type="primary" @click="eventDealwith()" :disabled="dialogLoading">确 定</el-button>
            </div>
        </el-dialog>

        <!--监理审核-->
        <el-dialog
                title="案件审核"
                :visible.sync="dialogVisiblejl"
                v-dialogDrag
                v-if="dialogVisiblejl"
                :close-on-click-modal="false"
                width="600px">
            <!--案件办理的挂起-->
            <div class="dialog-content">
                <div class="line-item">
                    <span class="item-name">审核备注：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="jlremark" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisiblejl = false">取 消</el-button>
                <el-button type="primary" @click="eventDealwith()" :disabled="dialogLoading">确 定</el-button>
            </div>
        </el-dialog>

        <!--延期申请-->
        <el-dialog
                title="案件延期申请"
                :visible.sync="dialogVisibleyq"
                v-dialogDrag
                v-if="dialogVisibleyq"
                :close-on-click-modal="false"
                width="600px">
            <!--案件办理的挂起-->
            <div class="dialog-content">
                <div class="line-item">
                    <span class="item-name"><i>*</i>延期原因：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="yqreason" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisibleyq = false">取 消</el-button>
                <el-button type="primary" @click="saveyq()" :disabled="dialogLoading">确 定</el-button>
            </div>
        </el-dialog>

        <!--缓办申请-->
        <el-dialog
                title="案件缓办申请"
                class="upload-image"
                :visible.sync="dialogVisiblehb"
                v-dialogDrag
                v-if="dialogVisiblehb"
                :close-on-click-modal="false"
                width="630px">
            <!--案件办理的挂起-->
            <div class="dialog-content">
                <div class="line-item">
                    <span class="item-name"><i>*</i>缓办描述：</span>
                    <span class="item-value">
                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="hbreason" maxlength="500"
                                      show-word-limit></el-input>
                        </span>
                </div>
                <div class="line-item">
                    <span class="item-name"><i>*</i>图片上传：</span>
                    <el-upload
                            action="#"
                            list-type="picture-card"
                            :auto-upload="false"
                            :file-list="fileList"
                            :on-change="uploadChange"
                            style="flex:1;">
                        <i slot="default" class="el-icon-plus"></i>
                        <div slot="file" slot-scope="{file}">
                            <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                            <span class="el-upload-list__item-actions">
                            <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                                <i class="el-icon-zoom-in"></i>
                            </span>
                            <span class="el-upload-list__item-delete" @click="handleRemove(file)">
                                <i class="el-icon-delete"></i>
                            </span>
                        </span>
                        </div>
                    </el-upload>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisiblehb = false">取 消</el-button>
                <el-button type="primary" @click="savehb()" :disabled="dialogLoading">确 定</el-button>
            </div>
        </el-dialog>
        <el-dialog title="查看图片" :visible.sync="viewImageDialog" v-dialogDrag v-if="viewImageDialog"
                   :close-on-click-modal="false" class="bigImg">
            <img width="100%" :src="dialogImageUrl" alt="">
        </el-dialog>

        <!--案件转办-->
        <el-dialog
                title="案件重新转办"
                :visible.sync="dialogVisiblecxzb"
                v-dialogDrag
                v-if="dialogVisiblecxzb"
                :close-on-click-modal="false"
                :width="dialogWidth">
            <div class="dialog-content"  v-if="$route.query.type == 3 && $route.query.eventDealStatus === '0206'">
                <div class="line-item line-itemW">
                    <span class="item-name"><i>*</i>转办机构：</span>
                    <span class="item-value">
                        <el-select v-model="transfer.organizationid" size="small">
                             <el-option
                                     v-for="(item,index) in transfer.organizationData"
                                     :key="index"
                                     :label="item.name"
                                     :value="item.code" >
                             </el-option>
                        </el-select>
                    </span>
                </div>
                <div class="line-item">
                    <span class="item-name">转办描述：</span>
                    <span class="item-value">
                        <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="transfer.remark" maxlength="500"
                                  show-word-limit></el-input>
                    </span>
                </div>
            </div>
            <div class="dialog-footer">
                <el-button @click="dialogVisiblecxzb = false">取 消</el-button>
                <el-button type="primary" @click="savecxzb()" :disabled="dialogLoading">确 定</el-button>
            </div>
        </el-dialog>
    </div>
    <!--案件详情——公共页面——结束-->
</template>

<script>
    import Cookies from 'js-cookie'
    import {getEventInfoByEventId, getEventLogList, saveEventPendEnd, updateEventSlow, updateEventDelay, saveCirculationEvent} from '@/api/case/caseQuery'
    import { getOrganization, handleshunt, eventThreeAccept, eventThreeCzry, eventThreeSend, eventThreeExamine,
        JLeventThreeExamine, handleover, updateDelFlagById, eventOversee, eventReject, caseCancellation, otherCloseData,
        otherCloseCase, pendReason, saveEventPend, checkDelay, insertEventDelay, checkHb, saveEventSlow, submitRegisterInfo, getQJData} from '@/api/case/caseOperate'
    import Viewer from 'viewerjs'
    import 'viewerjs/dist/viewer.css'
    export default {
        name: 'caseDetails',
        data () {
            return {
                // 页面加载
                loading: false,
                //案件id
                eventId:'',
                // 登录的用户信息
                createUser: JSON.parse(localStorage.getItem('userInfo')),
                // 表单数据
                form: {
                    //判断是从哪个页面进来的
                    type:this.$route.query.type,//0-全部案件详情，1-待审批，2-案件挂起，3-案件办理（转办），4-案件处理（受理、审核），5-案件处置（审核），6-评价统计
                    //案件名称
                    eventName:'',
                    // 案件来源
                    eventSrcType: '',
                    eventSrcTypeName:'',
                    // 上报电话
                    eventReportPhone: '',
                    // 上报人
                    eventReportName: '',
                    // 上报人电话
                    eventCallPhone: '',
                    // 案件类别
                    eventType: '',
                    eventTypeName:'',
                    // 案件大类
                    eventTypeLv1: '',
                    eventTypeLv1Name:'',
                    // 案件小类
                    eventTypeLv2: '',
                    eventTypeLv2Name:'',
                    // 处置时限
                    time: '',
                    // 责任主体
                    deptParentCode: '',
                    deptParentName: '',
                    // 所属部门
                    deptCode: '',
                    deptName: '',
                    // 一级行业
                    industryTypeLv1: '',
                    industryTypeLv1Name: '',
                    // 二级行业
                    industryTypeLv2: '',
                    industryTypeLv2Name: '',
                    archivesTypeLeveThree:{
                        // 立案条件
                        starConditions: '',
                        // 是否延期
                        isYq: '',
                        // 是否缓办
                        isHb: '',
                        // 是否突发
                        isTf: '',
                        // 是否紧急
                        isJj: '',
                    },

                    // 发生位置
                    eventAddress: '',
                    // 发生位置X坐标
                    gdx: '',
                    // 发生位置Y坐标
                    gdy: '',
                    // 案件描述
                    eventDescribe: '',
                    // 案件级别（目前没有）
                    eventLevel: 0,
                    eventEvaluate: {
                        evaluateStatus: "1",
                        evaluateTime: "2020-10-12T15:56:12.000+0800",
                    },
                    newEventId:''
                },
                //案件日志数据
                eventLogList:[],
                //结束挂起弹出层
                dialogVisible:false,
                //弹出层宽度
                dialogWidth:'600px',
                //弹出层的title
                title:'',
                //结束挂起备注
                remark:'',
                //待审批案件
                pendingApproval:{
                    //待审批详情页的按钮要根据案件类别出现
                    eventType:this.$route.query.eventType,
                    //审批意见
                    auditDetails:'',
                    //审批状态
                    auditStatus:''
                },
                //案件转办
                transfer:{
                    organizationData:[],//机构
                    organizationid:'',//机构编码
                    remark:'',//转办描述
                },
                //案件督办
                dialogVisible1:false,
                eventOversee:{
                    contents:'',
                },
                //案件回退
                dialogVisible2:false,
                backoff:{
                    eventDescribe:'',//回退描述
                },
                //案件派遣
                dispatch:{
                    sendTargetId:'',
                    sendTargetIdData:[]
                },
                //结案
                ja:{
                    remark:''
                },
                //案件驳回
                dialogVisiblebh:false,
                eventReject:{
                    remark:''
                },

                // 案件销案
                // 弹出层绑定参数
                dialogVisiblexa: false,
                // 销案备注
                cancellation: {
                    remark:''
                },
                //案件办理的挂起
                dialogVisiblegq:false,
                blgq:{
                    params:{
                        reason:''
                    },
                    pendReason:'',
                    pendRemark:''
                },
                // 弹出层加载
                dialogLoading: false,

                // 结案方式
                closeCaseType: 0, // 0——正常结案；1——其他方式结案
                // 其他方式结案下拉参数
                otherSelect: '',
                // 其他方式结案原因下拉数据
                otherReasonData: [],
                //办理的挂起原因数据
                pendReasonData:[],
                //处置机构审核备注
                czjgremark:'',
                dialogVisibleczjg:false,
                //监理审核备注
                jlremark:'',
                dialogVisiblejl:false,
                //延期申请
                dialogVisibleyq:false,
                yqreason:'',
                //缓办申请
                dialogVisiblehb:false,
                hbreason:'',
                // 查看图片弹出层
                viewImageDialog: false,
                // 上传的文件列表
                fileList: [],
                // 获取的图片数据
                imageData: [],
                // 单个图片查看地址
                dialogImageUrl: '',
                url: process.env.VUE_APP_PROD_API,
                // 重新转办
                dialogVisiblecxzb:false,
                str:{},
                bigArr:{},
                smallArr:{},
                dialogVisibleja3:false,
                // 曲江边界数据
                qjBoundaryData: [],
                // 高德地图
                GDMap: null,
            }
        },
        mounted(){
            this.eventId = this.$route.query.eventId;
            // 获取曲江边界数据
            this.getQJData();
            //初始化数据
            this.getEventInfo();
            //获取案件日志
            this.getEventLogList();
        },
        computed:{
             timelineImages(){
                 for(let i=0;i<this.eventLogList.length;i++){
                     if(this.eventLogList[i].images.length > 0){
                         return this.eventLogList[i].images;
                     }else{
                         return [];
                     }
                 }
             },
            visitedViews() {
                return this.$store.state.tagsView.visitedViews
            },
        },
        methods:{
            /**
             * Description:获取曲江边界数据
             * Author:ybt
             * Date:2020/11/5
             */
            getQJData(){
                getQJData({}).then((res) => {
                    this.qjBoundaryData = JSON.parse(res.msg);
                }).catch((error) => {
                    console.log(error, 'getQJData')
                })
            },
            /**
             * Description:新案件详情
             * Author:cy
             * Date:2020/10/13
             */
            xajDetails(){
                this.$router.replace({
                    path: "/caseDetails/index",
                    name: 'caseDetails',
                    query: {
                        type:6,
                        eventId:this.form.newEventId
                    }
                });
                //刷新详情标签
                let viewsTabs=this.visitedViews;
                for(let i=0;i<viewsTabs.length;i++){
                    if(viewsTabs[i].path == '/caseDetails/index/'){
                        this.refreshSelectedTag(viewsTabs[i]);
                    }
                }
            },
            /**
             * Description:重新处置
             * Author:cy
             * Date:2020/10/13
             */
            cxcz(){
                this.$confirm(this.form.eventName , '确定是否要对该案件进行重新处置', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                    this.loading = true;
                    saveCirculationEvent({eventId:this.eventId}).then(
                        (res) => {
                            this.loading = false;
                            this.$message.success('重新处置成功');
                            //关闭详情标签
                            let viewsTabs=this.visitedViews;
                            for(let i=0;i<viewsTabs.length;i++){
                                if(viewsTabs[i].path == '/caseDetails/index/'){
                                    this.closeSelectedTag(viewsTabs[i]);
                                }
                            }
                        }
                    ).catch((error)=>{
                        this.loading = false;
                        console.log(error, 'saveCirculationEvent');
                    })
                }).catch(() => {
                    this.$message.info('已取消重新处置');
                });
            },
            /**
             * Description:缓办申请
             * Author:cy
             * Date:2020/10/9
             */
            applyHb(){
                checkHb({eventId: this.eventId}).then(
                    (res) => {
                        if(res.data.isTs == '1'){
                            this.$message.warning('领导交办或媒体曝光的重点问题不得申请缓办！');
                        }else if(res.data.isDelay == '1'){
                            this.$message.warning('该案件已经超时不得申请缓办！');
                        }else if(res.data.wsCount > 0){
                            this.$message.warning('该案件有未审批的缓办申请！');
                        }else if(res.data.tgCount >= 6){
                            this.$message.warning('该案件在本月已经申请缓办6次，不得再申请！');
                        }else{
                            this.dialogVisiblehb = true;
                            this.fileList = [];
                            this.hbreason = '';
                        }
                    }
                ).then((error) => {
                    console.log(error, 'checkHb');
                })
            },
            //保存缓办申请
            savehb(){
                if(this.hbreason== ''){
                    this.$message.error('请填写缓办原因');
                    return
                }
                this.$confirm(this.form.eventName , '确定是否要对该案件进行缓办', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                    this.loading = true;
                    let formDataCurrent = new FormData();
                    this.fileList.map(tt => {
                        formDataCurrent.append('file', tt.raw);
                    });
                    formDataCurrent.append('eventId', this.eventId);
                    formDataCurrent.append('remark', this.hbreason);
                    saveEventSlow(formDataCurrent).then(
                        (res) => {
                            this.loading = false;
                            this.dialogVisiblehb = false;
                            this.$message.success('缓办申请成功');
                            //关闭详情标签
                            let viewsTabs=this.visitedViews;
                            for(let i=0;i<viewsTabs.length;i++){
                                if(viewsTabs[i].path == '/caseDetails/index/'){
                                    this.closeSelectedTag(viewsTabs[i]);
                                }
                            }
                        }
                    ).catch((error)=>{
                        this.loading = false;
                        console.log(error, 'updateEventSlow');
                    })
                }).catch(() => {
                    this.$message.info('已取消缓办申请');
                });
            },
            /**
             * Description:文件状态改变时的钩子
             * Author:ybt
             * Date:2020/9/21
             */
            uploadChange(res){
                this.fileList.push(res)
            },
            /**
             * Description:点击查看图片
             * Author:ybt
             * Date:2020/9/21
             */
            handlePictureCardPreview(file) {
                this.dialogImageUrl = file.url;
                this.viewImageDialog = true;
            },
            /**
             * Description:删除未上传图片
             * Author:ybt
             * Date:2020/9/21
             */
            handleRemove(file) {
                this.fileList.forEach((item, index) => {
                    if (item.uid === file.uid) {
                        this.fileList.splice(index, 1)
                    }
                })
            },
            /**
             * Description:延期申请
             * Author:cy
             * Date:2020/10/9
             */
            applyDelay(){
                checkDelay({eventId: this.eventId}).then(
                    (res) => {
                        if(res.data.isTs == '1'){
                            this.$message.warning('领导交办或媒体曝光的重点问题不得申请延期！');
                        }else if(res.data.isDelay == '1'){
                            this.$message.warning('该案件已经超时不得申请延期！');
                        }else if(res.data.wsCount > 0){
                            this.$message.warning('该案件有未审批的延期申请！');
                        }else if(res.data.tgCount >= 10){
                            this.$message.warning('该案件在本月已经申请延期十次，不得再申请！');
                        }else{
                            this.dialogVisibleyq = true;
                            this.yqreason= '';
                        }
                    }
                ).then((error) => {
                    console.log(error, 'checkDelay');
                })
            },
            //保存延期申请
            saveyq(){
                if(this.yqreason== ''){
                    this.$message.error('请填写延期原因');
                    return
                }
                this.$confirm(this.form.eventName , '确定是否要对该案件进行延期', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                    this.loading = true;
                    let data = {
                        eventId:this.eventId,
                        reason:this.yqreason
                    }
                    insertEventDelay(data).then(
                        (res) => {
                            this.loading = false;
                            this.dialogVisibleyq = false;
                            this.$message.success('延期申请成功');
                            //关闭详情标签
                            let viewsTabs=this.visitedViews;
                            for(let i=0;i<viewsTabs.length;i++){
                                if(viewsTabs[i].path == '/caseDetails/index/'){
                                    this.closeSelectedTag(viewsTabs[i]);
                                }
                            }
                        }
                    ).catch((error)=>{
                        this.loading = false;
                        console.log(error, 'updateEventSlow');
                    })
                }).catch(() => {
                    this.$message.info('已取消延期申请');
                });
            },
            /**
             * Description:获取案件详情
             * Author:cy
             * Date:2020/9/24
             */
            getEventInfo(){
                this.loading = true;
                let url = null;
                //点击全部案件的详情进入
                if(this.form.type == 0){
                    url = getEventInfoByEventId;
                }
                getEventInfoByEventId({eventId: this.eventId}).then(
                    (res) => {
                        this.form = res.data;
                        this.loading = false;
                        // 初始化地图
                        this.initMap();
                    }
                ).catch((error) => {
                    console.log(error, 'getEventInfoByEventId');
                })
            },
            /**
             * Description:获取案件日志图片
             * Author:cy
             * Date:2020/9/24
             */
            getEventLogList(){
                this.loading = true;
                let urllog = null;
                //点击全部案件的详情进入
                if(this.form.type == 0){
                    urllog = getEventLogList;
                }
                getEventLogList({eventId: this.eventId}).then(
                    (res) => {
                        this.eventLogList = res.data;
                        let _this =  this;
                        //this.$nextTick(() => {
                            let logData=this.eventLogList;
                            let imgurl = this.url;
                            for(let i=0;i<logData.length;i++){
                                $('#timeline_images'+i).html('');
                                var imagesarr=JSON.parse(logData[i].images);
                                _this.str['arr' + i] = [];
                                _this.smallArr['arr'+i] = [];
                                _this.bigArr['arr'+i] = [];
                                if(imagesarr.length > 0){
                                    for(let j=0;j<imagesarr.length;j++){
                                        if(imagesarr[j].size_type == 0){
                                            _this.smallArr['arr' + i].push(imagesarr[j].path);
                                        }
                                        if(imagesarr[j].size_type == 1){
                                            _this.bigArr['arr' + i].push(imagesarr[j].path);
                                        }
                                    }
                                    /*if(bigArr['arr' + i].length>0 && smallArr['arr' + i].length>0){
                                        for(let k=0;k<smallArr['arr' + i].length;k++){
                                            str['arr' + i].push('<li class="images_item"><img data-original="'+ imgurl+bigArr['arr' + i][k]+'" src="'+imgurl+smallArr['arr' + i][k]+'" alt=""> </li>');
                                        }
                                    }
                                    if(bigArr['arr' + i].length>0 && smallArr['arr' + i].length==0){
                                        for(let k=0;k<bigArr['arr' + i].length;k++){
                                            str['arr' + i].push('<li class="images_item"><img data-original="'+ imgurl+bigArr['arr' + i][k]+'" src="'+imgurl+bigArr['arr' + i][k]+'" alt=""> </li>');
                                        }
                                    }
                                    $('#timeline_images'+i).html(str['arr' + i].toString());*/
                                }
                                // viewer放大图片预览设置配置项
                                /*new Viewer(document.getElementById('timeline_images'+[i]), {
                                    "inline": false, "button": true, "navbar": true, "title": true, "toolbar": true, "tooltip": true,
                                    "movable": true, "zoomable": true, "rotatable": true, "scalable": true, "transition": true, "fullscreen": true, "keyboard": true, "url": "data-original"
                                });*/
                            }
                        //});
                        this.loading = false;
                    }
                ).catch((error) => {
                    console.log(error, 'getEventLogList');
                })
            },
            /**
             * Description:初始化地图
             * Author:ybt
             * Date:2020/9/23
             */
            initMap(){
                // 高德地图初始化
                this.GDMap = new AMap.Map('myMap', {
                    zoom: 17,
                    viewMode: '3D',
                    center: [this.form.gdx, this.form.gdy],
                    resizeEnable: true,
                });
                if (this.qjBoundaryData.type === 'Polygon') { // 单面
                    this.AcquisitionLine(this.qjBoundaryData.coordinates)
                } else if (this.qjBoundaryData.type === 'MultiPolygon') { // 多面
                    this.qjBoundaryData.coordinates.forEach(value => {
                        this.AcquisitionLine(value);
                    })
                } else if (this.qjBoundaryData.type === 'LineString') { // 单线
                    this.AcquisitionLine(this.qjBoundaryData.coordinates[0])
                } else if (this.qjBoundaryData.type === 'MultiLineString') { // 多线
                    this.qjBoundaryData.coordinates.forEach(value => {
                        this.AcquisitionLine(value);
                    })
                }
                this.GDMap.setFitView();// 执行定位

                // 以下为标记点位
                // 创建一个 Icon
                let startIcon = new AMap.Icon({
                    size: new AMap.Size(40, 40),
                    image: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_bs.png',
                    imageSize: new AMap.Size(20, 30),
                });
                // 添加点标记
                this.marker = new AMap.Marker({
                    icon: startIcon, // 点标记的图标
                    position: [this.form.gdx, this.form.gdy], // 点标记的坐标
                    clickable: true, // 点标记是否可以点击
                });
                this.marker.setMap(this.GDMap); // 将点标记添加到地图
            },
            /**
             * Description:画曲江边界
             * Author:ybt
             * Date:2020/7/29
             */
            AcquisitionLine(item){
                let polyline = new AMap.Polyline({
                    path: item,
                    isOutline: true,
                    outlineColor: '#ffeeff',
                    borderWeight: 2,
                    strokeColor: '#ff0000',
                    strokeOpacity: 1,
                    strokeWeight: 2,
                    // 折线样式还支持 'dashed'
                    strokeStyle: "dashed",
                    // strokeStyle是dashed时有效
                    strokeDasharray: [10, 5],
                    lineJoin: 'round',
                    lineCap: 'round',
                    zIndex: 50,
                });
                polyline.setMap(this.GDMap);
            },
            isActive(route) {
                return route.path === this.$route.path
            },
            toLastView(visitedViews, view) {
                const latestView = visitedViews.slice(-1)[0];
                if (latestView) {
                    this.$router.push(latestView.fullPath)
                } else {
                    if (view.name === 'Dashboard') {
                        this.$router.replace({ path: '/redirect' + view.fullPath })
                    } else {
                        this.$router.push('/')
                    }
                }
            },
            /**
             * Description:案件操作
             * Author:cy
             * Date:2020/9/25
             */
            saveEventPendEnd(){
                //案件挂起
                if(this.$route.query.type == 2){
                    this.$confirm(this.form.eventName , '确定结束挂起', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            remark: this.remark
                        };
                        saveEventPendEnd(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisible = false;
                                this.$message.success('结束挂起成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'saveEventPendEnd');
                        })
                    }).catch(() => {
                        this.$message.info('已取消结束挂起');
                    });
                }

                //案件待审批：缓办、延期审批
                if(this.$route.query.type == 1){
                    if(this.pendingApproval.auditStatus == ''){
                        this.$message.error('请选择审批状态');
                        return
                    }
                    if(this.pendingApproval.auditDetails == ''){
                        this.$message.error('请添加审批意见');
                        return
                    }
                    this.$confirm(this.form.eventName , '是否通过案件审批', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            auditDetails: this.pendingApproval.auditDetails,
                            auditStatus: this.pendingApproval.auditStatus,
                        };
                        //缓办审批
                        if(this.$route.query.eventType == 'slow'){
                            updateEventSlow(options).then(
                                (res) => {
                                    this.loading = false;
                                    this.dialogVisible = false;
                                    this.$message.success('缓办审批成功');
                                    //关闭详情标签
                                    let viewsTabs=this.visitedViews;
                                    for(let i=0;i<viewsTabs.length;i++){
                                        if(viewsTabs[i].path == '/caseDetails/index/'){
                                            this.closeSelectedTag(viewsTabs[i]);
                                        }
                                    }
                                }
                            ).catch((error)=>{
                                this.loading = false;
                                console.log(error, 'updateEventSlow');
                            })
                        }
                        //延期审批
                        if(this.$route.query.eventType == 'delay'){
                            updateEventDelay(options).then(
                                (res) => {
                                    this.loading = false;
                                    this.dialogVisible = false;
                                    this.$message.success('缓办审批成功');
                                    //关闭详情标签
                                    let viewsTabs=this.visitedViews;
                                    for(let i=0;i<viewsTabs.length;i++){
                                        if(viewsTabs[i].path == '/caseDetails/index/'){
                                            console.log(viewsTabs[i])
                                            this.closeSelectedTag(viewsTabs[i]);
                                        }
                                    }
                                }
                            ).catch((error)=>{
                                this.loading = false;
                                console.log(error, 'updateEventDelay');
                            })
                        }

                    }).catch(() => {
                        this.$message.info('已取消案件审批');
                    });
                }

                //案件转办
                if(this.$route.query.type == 3 && this.$route.query.eventDealStatus === '0101'){
                    if(this.transfer.organizationid == ''){
                        this.$message.error('请选择转办机构');
                        return
                    }
                    this.$confirm(this.form.eventName , '确定是否转办', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            remark: this.transfer.remark,
                            type: 1,
                            organizationid:this.transfer.organizationid,
                        };
                        handleshunt(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisible = false;
                                this.$message.success('案件转办成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'handleshunt');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件转办');
                    });
                }

                //案件派遣
                if(this.$route.query.type == 4 && this.$route.query.eventDealStatus === '0202' || this.$route.query.eventDealStatus === '0204'){
                    if(this.dispatch.sendTargetId == ''){
                        this.$message.error('请选择派遣人员');
                        return
                    }
                    this.$confirm(this.form.eventName , '确定是否派遣', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            sendTargetId:this.dispatch.sendTargetId
                        };
                        eventThreeSend(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisible = false;
                                this.$message.success('案件派遣成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'eventThreeSend');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件派遣');
                    });
                }

                //案件结案
                if(this.$route.query.type == 3 && this.$route.query.eventDealStatus === '0206'){
                    this.$confirm(this.form.eventName , '确定是否对该案件进行结案', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            remark:this.ja.remark
                        };
                        let url = '';
                        if (this.closeCaseType === 0) {
                            url = handleover;
                        } else if (this.closeCaseType === 1){
                            url = otherCloseCase;
                        }
                        url(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisible = false;
                                this.$message.success('案件结案成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'handleover');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件结案');
                    });
                }
            },
            /**
             * Description:其他方式结案下拉选择出发
             * Author:ybt
             * Date:2020/9/30
             */
            handleChange(){
                this.otherReasonData.forEach(item => {
                    if (item.id === this.otherSelect) {
                        this.ja.remark = item.name
                    }
                })
            },
            /**
             * Description:案件销案
             * Author:cy
             * Date:2020/9/29
             */
            eventhandleClose(){
                this.cancellation.remark = '';
                this.dialogVisiblexa = true;
            },
            /**
             * Description:保存销案
             * Author:ybt
             * Date:2020/9/30
             */
            saveCancellation(){
                this.dialogLoading = true;
                if(this.cancellation.remark === ''){
                    this.$message.error('请输入销案备注');
                    this.dialogLoading = false;
                    return
                }
                this.$confirm(this.form.eventName , '确定是否销案该案件', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                    let options = {
                        eventId: this.eventId,
                        remark: this.cancellation.remark,
                    };
                    caseCancellation(options).then(() => {
                        this.dialogVisiblexa = false;
                        this.dialogLoading = false;
                        this.$message.success('案件销案成功');
                        //关闭详情标签
                        let viewsTabs = this.visitedViews;
                        for(let i=0;i<viewsTabs.length;i++){
                            if(viewsTabs[i].path == '/caseDetails/index/'){
                                this.closeSelectedTag(viewsTabs[i]);
                            }
                        }
                    }).catch((error)=>{
                        this.dialogLoading = false;
                        console.log(error, 'updateDelFlagById');
                    })
                }).catch(() => {
                    this.dialogLoading = false;
                    this.$message.info('已取消案件回退');
                });
            },
            /**
             * Description:案件回退
             * Author:cy
             * Date:2020/9/29
             */
            eventbackoff(){
                //案件回退
                if(this.$route.query.type == 4 && this.$route.query.eventDealStatus === '0201'){
                    if(this.backoff.eventDescribe === ''){
                        this.$message.error('请输入回退描述');
                        return
                    }
                    let _this = this;
                    this.$confirm(_this.form.eventName , '确定是否回退该案件', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:_this.eventId,
                            id: _this.$route.query.eventThreeID,
                            params:{
                                eventDescribe:_this.backoff.eventDescribe
                            }
                        };
                        updateDelFlagById(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisible2 = false;
                                this.$message.success('案件回退成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'updateDelFlagById');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件回退');
                    });
                }
            },
            /**
             * Description:案件督办
             * Author:cy
             * Date:2020/9/29
             */
            EventOversee(){
                this.eventOversee.contents = '';
                if(this.$route.query.type == 3 || this.$route.query.type == 4 || this.$route.query.type == 5){
                    this.title = '案件督办';
                }
                this.dialogVisible1 = true;
            },
            saveeventOversee(){
                if(this.eventOversee.contents === ''){
                    this.$message.error('请输入督办意见');
                    return
                }
                this.$confirm(this.form.eventName , '确定是否对该案件进行督办', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                    this.loading = true;
                    let options = {
                        eventId:this.eventId,
                        contents: this.eventOversee.contents
                    };
                    eventOversee(options).then(
                        (res) => {
                            this.loading = false;
                            this.dialogVisible1 = false;
                            this.$message.success('案件督办成功');
                            //关闭详情标签
                            let viewsTabs=this.visitedViews;
                            for(let i=0;i<viewsTabs.length;i++){
                                if(viewsTabs[i].path == '/caseDetails/index/'){
                                    this.closeSelectedTag(viewsTabs[i]);
                                }
                            }
                        }
                    ).catch((error)=>{
                        this.loading = false;
                        console.log(error, 'eventOversee');
                    })
                }).catch(() => {
                    this.$message.info('已取消案件督办');
                });
            },
            /**
             * Description:案件受理
             * Author:cy
             * Date:2020/9/28
             */
            eventDealwith(){
                //案件受理
                if(this.$route.query.type == 4 && this.$route.query.eventDealStatus == '0201'){
                    this.$confirm(this.form.eventName , '确定是否受理该案件', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            id:this.$route.query.eventThreeID
                        };
                        eventThreeAccept(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisible = false;
                                this.$message.success('案件受理成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'eventThreeAccept');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件受理');
                        this.loading = false;
                    });
                }
                //处置机构审核
                if(this.$route.query.type == 4 && this.$route.query.eventDealStatus === '0204'){
                    this.$confirm(this.form.eventName , '确定是否对该案件进行审核', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            remark:this.czjgremark
                        };
                        eventThreeExamine(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisibleczjg = false;
                                this.$message.success('案件审核成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'eventThreeExamine');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件审核');
                    });
                }
                //监理审核
                if(this.$route.query.type == 5 && this.$route.query.eventDealStatus === '0205'){
                    this.$confirm(this.form.eventName , '确定是否对该案件进行审核', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            remark:this.jlremark
                        };
                        JLeventThreeExamine(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisiblejl = false;
                                this.$message.success('案件审核成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'JLeventThreeExamine');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件审核');
                    });
                }
            },
            /**
             * Description:监理驳回
             * Author:cy
             * Date:2020/9/29
             */
            eventReject1(){
                this.eventReject.remark = '';
                this.dialogVisiblebh = true;
            },
            saveeventReject(){
                if(this.eventReject.remark === ''){
                    this.$message.error('请输入备注');
                    return
                }
                this.$confirm(this.form.eventName , '确定是否对该案件进行驳回', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                    this.loading = true;
                    let options = {
                        eventId:this.eventId,
                        remark: this.eventReject.remark
                    };
                    eventReject(options).then(
                        (res) => {
                            this.loading = false;
                            this.dialogVisiblebh = false;
                            this.$message.success('案件驳回成功');
                            //关闭详情标签
                            let viewsTabs=this.visitedViews;
                            for(let i=0;i<viewsTabs.length;i++){
                                if(viewsTabs[i].path == '/caseDetails/index/'){
                                    this.closeSelectedTag(viewsTabs[i]);
                                }
                            }
                        }
                    ).catch((error)=>{
                        this.loading = false;
                        console.log(error, 'eventReject');
                    })
                }).catch(() => {
                    this.$message.info('已取消案件驳回');
                });
            },
            //办理的挂起
            savegq(){
                if(this.blgq.pendReason === ''){
                    this.$message.error('请选择挂起原因');
                    return
                }
                this.$confirm(this.form.eventName , '确定是否对该案件进行挂起申请', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                    this.loading = true;
                    let data = {
                        eventId: this.eventId,
                        pendReason: this.blgq.pendReason,
                        pendRemark: this.blgq.pendRemark
                    };
                    saveEventPend(data).then(
                        (res) => {
                            this.loading = false;
                            this.dialogVisiblegq = false;
                            this.$message.success('案件挂起申请成功');
                            //关闭详情标签
                            let viewsTabs=this.visitedViews;
                            for(let i=0;i<viewsTabs.length;i++){
                                if(viewsTabs[i].path == '/caseDetails/index/'){
                                    this.closeSelectedTag(viewsTabs[i]);
                                }
                            }
                        }
                    ).catch((error)=>{
                        this.loading = false;
                        console.log(error, 'saveEventPend');
                    })
                }).catch(() => {
                    this.$message.info('已取消案件挂起申请');
                });
            },
            //重新转办
            savecxzb(){
                if(this.$route.query.type == 3 && this.$route.query.eventDealStatus === '0206'){
                    if(this.transfer.organizationid == ''){
                        this.$message.error('请选择转办机构');
                        return
                    }
                    this.$confirm(this.form.eventName , '确定是否转办', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            remark: this.transfer.remark,
                            type: 1,
                            organizationid:this.transfer.organizationid,
                        };
                        handleshunt(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisiblecxzb = false;
                                this.$message.success('案件转办成功');
                                //关闭详情标签
                                let viewsTabs=this.visitedViews;
                                for(let i=0;i<viewsTabs.length;i++){
                                    if(viewsTabs[i].path == '/caseDetails/index/'){
                                        this.closeSelectedTag(viewsTabs[i]);
                                    }
                                }
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'handleshunt');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件转办');
                    });
                }
            },
            saveja3(){
                //案件结案
                if(this.publicData.type == 3 && this.publicData.eventDealStatus !== '0207'){
                    this.$confirm(this.form.eventName , '确定是否对该案件进行结案', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            remark:this.ja.remark
                        };
                        let url = '';
                        if (this.closeCaseType === 0) {
                            url = handleover;
                        } else if (this.closeCaseType === 1){
                            url = otherCloseCase;
                        }
                        url(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisibleja3 = false;
                                this.$message.success('案件结案成功');
                                this.$emit('getList'); // 通知父组件关闭弹窗刷新列表
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'handleover');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件结案');
                    });
                }
                if(this.publicData.type == 3 && this.publicData.eventDealStatus === '0101'){
                    this.$confirm(this.form.eventName , '确定是否对该案件进行结案', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning',
                        center: true
                    }).then(() => {
                        this.loading = true;
                        let options = {
                            eventId:this.eventId,
                            remark:this.ja.remark
                        };
                        let url = '';
                        if (this.closeCaseType === 0) {
                            url = handleover;
                        } else if (this.closeCaseType === 1){
                            url = otherCloseCase;
                        }
                        url(options).then(
                            (res) => {
                                this.loading = false;
                                this.dialogVisibleja3 = false;
                                this.$message.success('案件结案成功');
                                this.$emit('getList'); // 通知父组件关闭弹窗刷新列表
                            }
                        ).catch((error)=>{
                            this.loading = false;
                            console.log(error, 'handleover');
                        })
                    }).catch(() => {
                        this.$message.info('已取消案件结案');
                    });
                }
            },
            openja3(type,other){
                let _this = this;
                //案件结案
                if(this.publicData.type == 3 && this.publicData.eventDealStatus !== '0207' && type === 'jiean'){
                    if (other === 'other') {
                        // 获取结案原因
                        otherCloseData().then((res) => {
                            _this.otherReasonData = res.data;
                        }).catch((error) => {
                            console.log(error, 'otherCloseData');
                        });
                        _this.title = '其他方式结案';
                        _this.closeCaseType = 1;
                    } else {
                        _this.title = '案件结案';
                        _this.closeCaseType = 0;
                    }
                    _this.dialogVisibleja3 = true;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisiblecxzb = false;
                }
                if(this.publicData.type == 3 && this.publicData.eventDealStatus === '0101' && type === 'jiean'){
                    if (other === 'other') {
                        // 获取结案原因
                        otherCloseData().then((res) => {
                            _this.otherReasonData = res.data;
                            console.log(_this.otherReasonData);
                        }).catch((error) => {
                            console.log(error, 'otherCloseData');
                        });
                        _this.title = '其他方式结案';
                        _this.closeCaseType = 1;
                    } else {
                        _this.title = '案件结案';
                        _this.closeCaseType = 0;
                    }
                    _this.dialogVisibleja3 = true;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisiblecxzb = false;
                }
            },
            //弹出层
            opendialog(type,other){
                //结束挂起备注
                this.remark='';
                this.pendingApproval.auditDetails='';
                this.pendingApproval.auditStatus='';
                this.transfer.organizationid='';
                this.transfer.remark='';
                this.ja.remark = '';
                this.czjgremark = '';
                this.jlremark = '';
                this.blgq.pendReason='';
                this.blgq.pendRemark='';
                let _this = this;
                //案件挂起
                if(this.$route.query.type == 2){
                    _this.title = '结束挂起';
                    _this.dialogVisible = true;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblecxzb = false;
                    _this.dialogVisibleja3 = false;
                }
                //案件待审批
                if(this.$route.query.type == 1){
                    _this.title = '案件审批';
                    _this.dialogVisible = true;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblecxzb = false;
                    _this.dialogVisibleja3 = false;
                }
                //案件转办
                if(this.$route.query.type == 3 && this.$route.query.eventDealStatus == '0101' && type === 'zhuanban'){
                    _this.title = '案件转办';
                    getOrganization({eventId:this.$route.query.eventId}).then(
                        (res) => {
                            this.transfer.organizationData=res.data;
                        }
                    ).catch((error) => {
                        console.log(error, 'getOrganization');
                    });
                    _this.dialogVisible = true;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblecxzb = false;
                    _this.dialogVisibleja3 = false;
                }
                //案件转办
                if(this.$route.query.type == 3 && this.$route.query.eventDealStatus == '0206' && type === 'cxzhuanban'){
                    _this.title = '案件重新转办';
                    getOrganization({eventId:this.$route.query.eventId}).then(
                        (res) => {
                            this.transfer.organizationData=res.data;
                        }
                    ).catch((error) => {
                        console.log(error, 'getOrganization');
                    });
                    _this.dialogVisiblecxzb = true;
                    _this.dialogVisible = false;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisibleja3 = false;
                }
                //案件办理的挂起
                if(this.$route.query.type == 3 && type ==='guaqi'){
                    if(this.$route.query.eventDealStatus !== '0207' && this.$route.query.eventStatus !== '0000'){
                        _this.title = '案件挂起申请';
                        _this.dialogVisiblegq = true;
                        _this.dialogVisibleczjg = false;
                        _this.dialogVisible = false;
                        _this.dialogVisible2 = false;
                        _this.dialogVisiblejl = false;
                        _this.dialogVisiblecxzb = false;
                        _this.dialogVisibleja3 = false;
                        _this.blgq.pendReason = '';
                        _this.blgq.pendRemark = '';
                        pendReason().then(
                            (res) => {
                                _this.pendReasonData = res.data;
                            }
                        ).catch((error) => {
                            console.log(error, 'pendReason');
                        })
                    }
                }
                //案件派遣
                if(this.$route.query.type == 4 && type !== 'backoff' && type === 'paiqian'){
                    _this.dialogWidth = '550px';
                    _this.title = '案件派遣';
                    let data = {
                        eventId:_this.publicData.eventId,
                        organizationCode:_this.form.eventThree.organizationid
                    };
                    eventThreeCzry(data).then(
                        (res) => {
                            console.log(res);
                            _this.dispatch.sendTargetIdData = res.data;
                        }
                    ).catch((error) => {
                        console.log(error, 'eventThreeCzry');
                    })
                    _this.dialogVisible = true;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblecxzb = false;
                    _this.dialogVisibleja3 = false;
                }
                //案件回退
                if(this.$route.query.type == 4 && type == 'backoff') {
                    _this.title = '案件回退';
                    _this.dialogVisible2 = true;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisible = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisibleja3 = false;
                }
                /*//案件结案
                if(this.$route.query.type == 3 && this.$route.query.eventDealStatus === '0206' && type === 'jiean'){
                    if (other === 'other') {
                        // 获取结案原因
                        otherCloseData().then((res) => {
                            _this.otherReasonData = res.data;
                        }).catch((error) => {
                            console.log(error, 'otherCloseData');
                        })
                        _this.title = '其他方式结案';
                        _this.closeCaseType = 1;
                    } else {
                        _this.title = '案件结案';
                        _this.closeCaseType = 0;
                    }
                    this.dialogVisible = true;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisiblecxzb = false;
                }*/
                //处置机构审核
                if(this.$route.query.type == 4 && this.$route.query.eventDealStatus === '0204' && type === 'shenhe') {
                    _this.dialogVisibleczjg = true;
                    _this.dialogVisible = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblejl = false;
                    _this.dialogVisiblecxzb = false;
                    _this.dialogVisibleja3 = false;
                }
                //监理审核
                if(this.$route.query.type == 5 && this.$route.query.eventDealStatus === '0205' && type === 'shenhe') {
                    _this.dialogVisiblejl = true;
                    _this.dialogVisibleczjg = false;
                    _this.dialogVisible = false;
                    _this.dialogVisiblegq = false;
                    _this.dialogVisible2 = false;
                    _this.dialogVisiblecxzb = false;
                    _this.dialogVisibleja3 = false;
                }
            },
            //关闭当前标签
            closeSelectedTag(view) {
                this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
                    if (this.isActive(view)) {
                        this.toLastView(visitedViews, view)
                    }
                })
            },
            refreshSelectedTag(view) {
                this.$store.dispatch('tagsView/delCachedView', view).then(() => {
                    const { fullPath } = view;
                    this.$nextTick(() => {
                        this.$router.replace({
                            path: '/redirect' + fullPath
                        })
                    })
                })
            },
            /**
             * Description:查看街景
             * Author:ybt
             * Date:2020/10/29
             */
            toStreetView(){
                const { href } = this.$router.resolve({
                    path: '/streetView/index',
                    name: 'streetView',
                    query: {
                        x: this.form.bdx,
                        y: this.form.bdy,
                    }
                });
                window.open(href, '_blank');
            }
        },
    }
</script>

<style lang="scss">
    .case-details{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        overflow: hidden;
        padding: 0.1875rem;
        .left-info{
            display: flex;
            flex-direction: column;
            width: 50%;
            background-color: #FFFFFF;
            border: 0.0125rem solid #A40000;
            overflow: hidden;
            .title-name{
                height: 0.4375rem;
                line-height: 0.4375rem;
                background: #A40000;
                text-align: center;
                color: #fff;
                font-size: 18px;
                margin: 0 !important;
            }
            .info-content{
                display: flex;
                flex-direction: column;
                overflow: auto;
                .top-box,.bottom-box{
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    padding-right: 0.25rem;
                }
                .top-box{
                    margin: 0.125rem 0;
                    border-bottom: 0.0125rem solid #ddd;
                }
                .line-item{
                    display: flex;
                    width: 100%;
                    margin-bottom: 0.125rem;
                }
                .block-item{
                    display: flex;
                    width: 50%;
                    margin-bottom: 0.125rem;
                }
                .item-name{
                    width: 1.5rem;
                    text-align: right;
                    padding-right: 0.125rem;
                    line-height: 0.425rem;
                    font-size: 0.175rem;
                    cursor: default;
                }
                .item-value{
                    flex: 1;
                    .el-input input{
                        height: 0.425rem;
                        line-height: 0.425rem;
                    }
                    .el-select{
                        width: 100%;
                    }
                }
                .map-box{
                    width: 100%;
                    height: 3.75rem;
                    min-height: 3.75rem;
                    border-top: 0.0125rem solid #ddd;
                    padding: 0.125rem;
                    #myMap{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            .foot-btn{
                border-top: 0.0125rem solid #ddd;
                padding: 0 0.25rem 0.125rem;
                text-align: right;
                div.btns{
                    display: inline-block;
                    .el-button {
                        margin-left: 0.125rem;
                    }
                }
                .el-button{
                    margin-top:0.125rem;
                }
            }
        }
        .right-process{
            width: 50%;
            background-color: #FFFFFF;
            border: 0.0125rem solid #A40000;
            overflow: auto;
            padding: 0.1875rem;
            .el-timeline{
                padding: 0;
                .el-card__body{
                    display:flex;
                    justify-content: space-between;
                    .timeline_images{
                        display:flex;
                        justify-content: space-between;
                        align-items: center;
                        padding-left:0.125rem;
                        .images_item{
                            width:0.9375rem;
                            height:1.125rem;
                            padding: 0.025rem;
                            border: 0.0125rem solid #ccc;
                            margin-left: 0.1875rem;
                            list-style: none;
                            img{
                                display: inline-block;
                                width:100%;
                                height:100%;
                            }
                        }
                    }
                }
                #title0021{
                    .el-timeline-item__timestamp{
                        color:red;
                    }
                }
            }
        }
        .bigImg{
            .el-dialog__body{
                display: flex;
                align-items: center;
                justify-content: center;
                img{
                    width: auto !important;
                    height: auto;
                    max-width: 100%;
                    max-height: 100%;
                }
            }
        }
        .el-dialog{
            display: flex;
            flex-direction: column;
            margin:0 !important;
            position:absolute;
            top:50% !important;
            left:50%;
            transform:translate(-50%,-50%);
            /*height:600px;*/
            max-height:calc(100% - 0.375rem);
            max-width:calc(100% - 0.375rem);
            .dialog-content{
                display: flex;
                flex-wrap: wrap;
                padding: 0 0.375rem 0.25rem 0.25rem;
                &>div{
                    width: 100%;
                }
                .itemABC{
                    width:100%;
                    .item-value{
                        display: flex;
                        justify-content: space-between;
                    }
                }
                .line-item{
                    display: flex;
                    flex-direction: row;
                    margin-bottom: 0.1875rem;
                    width: 100%;
                    .item-name{
                        width: 1.125rem;
                        text-align: right;
                        line-height: 0.425rem;
                        padding-right: 0.125rem;
                        i{
                            color: #f00;
                            padding-right: 0.0375rem;
                        }
                    }
                    .item-value{
                        flex: 1;
                        .el-input,.el-select{
                            width: 100%;
                            height: 0.425rem;
                            line-height: 0.425rem;
                        }
                    }
                    .depart-industry{
                        max-height: 3.75rem;
                        overflow-y: auto;
                    }
                }
            }
            .dialog-footer{
                text-align: center;
            }
        }
        .upload-image{
            .dialog-content{
                padding: 0 0 0.125rem 0.375rem;
                overflow: auto;
                &>div{
                    max-height: 5.8375rem;
                }
                .el-upload-dragger{
                    width: 1.825rem !important;
                    height: 1.825rem !important;
                }
            }
            .dialog-footer{
                text-align: center;
            }
        }
        .paiqian{
            .el-radio{
                .el-radio__label{
                    span{
                        &:nth-of-type(1){
                            width:1.5625rem;
                            display: inline-block;
                        }
                    }
                }
            }
        }
    }
</style>
